<!-- start: Container -->
<div class="container">
    <!-- start: Page Title Icon-->
    <div id="page-title-icon"></div>
    <div id="page-title-icon-inner">
        <i class="ico-google-maps ico-white"></i>
    </div>
    <!-- end: Page Title Icon-->
    <!-- start: Page Title -->
    <section id="page-title">
        <h2>Fill in your registration info</span></h2>
    </section>
</div>
<div id="wrapper" class="white-wrapper">
    <!-- end: Container  -->
    <!-- start: Container -->
    <div class="container">

        <!-- start: Contact Form -->
        <div class="sixteen columns">

            <div class="form-spacer"></div>

            <!-- Success Message -->
            <div class="success-message">
                <div class="notification success closeable">
                    <p><span>Success!</span> Your message has been sent.</p>
                </div>
            </div>

            <!-- start: Contact Form -->
            <div id="contact-form">
                <form method="post" name="registerForm" class="require-validate ajax-form" action="<?php echo $this->url ("frontenduser", array('controller' => 'user', 'action' => 'processregister'))?>" enctype="multipart/form-data">
                    <div class="form-left">
                        <div class="field">
                            <label>First Name: <span>*</span></label>
                            <input type="text" name="f_name" class="text" />
                        </div>

                        <div class="field">
                            <label>Last Name: <span>*</span></label>
                            <input type="text" name="l_name" class="text" />
                        </div>

                        <div class="field">
                            <label>Email: <span>*</span></label>
                            <input type="text" name="email" class="text" />
                        </div>

                        <div class="field">
                            <label>Address:</label>
                            <input type="text" name="address" class="text" />
                        </div>

                        <div class="field">
                            <label>Phone: </label>
                            <input type="text" name="phone" class="text" />
                        </div>

                        <div class="field">
                            <label>Your password: <span>*</span></label>
                            <input type="password" name="password" class="text" />
                        </div>

                        <div class="field">
                            <label>Retype: <span>*</span></label>
                            <input type="password" name="r_password" class="text" />
                        </div>
                    </div>
                    <div class="form-right">
                        <div class="field">
                            <label>Your Profile Picture: </label>
                            <div class="avatar-dropzone"><img src="<?php echo $this->basePath(); ?>/templates/front/images/dropzone.png" /></div>
                            <div class="preview-avatar"><img src="" alt=""></div>
                        </div>
                        <div class="clearfix"></div>
                        <div class="field">
                        <input type="submit" id="send" value="Register"/>
                            <div class="loading"></div>
                        </div>
                    </div>
                </form>
                <input name="once_instance" type="hidden" value="0">
            </div>
            <!-- end: Contact Form -->

        </div>
        <!-- end: Contact Form -->

    </div>
    <!-- end: Container -->
</div>